<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2699267" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b5;</span>
                <div class="name">内存条</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d7;</span>
                <div class="name">解锁-2</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b6;</span>
                <div class="name">启动</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d8;</span>
                <div class="name">设置为配置项</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b7;</span>
                <div class="name">迁移</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d9;</span>
                <div class="name">权限视图</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b8;</span>
                <div class="name">铅笔</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7da;</span>
                <div class="name">令牌</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b9;</span>
                <div class="name">取消</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7db;</span>
                <div class="name">断开链接</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ba;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7dc;</span>
                <div class="name">印章</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6bb;</span>
                <div class="name">上-加粗</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7dd;</span>
                <div class="name">手动备份</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6bc;</span>
                <div class="name">下-常规</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7de;</span>
                <div class="name">重置密码</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6bd;</span>
                <div class="name">上-常规</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7df;</span>
                <div class="name">主机</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6be;</span>
                <div class="name">右-常规</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e0;</span>
                <div class="name">发起任务</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6bf;</span>
                <div class="name">右-加粗</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e1;</span>
                <div class="name">删除未翻译业务</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c0;</span>
                <div class="name">下-加粗</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e2;</span>
                <div class="name">删除业务</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c1;</span>
                <div class="name">左-常规</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e3;</span>
                <div class="name">脚本配置</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c2;</span>
                <div class="name">左-加粗</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e4;</span>
                <div class="name">脚本语言</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c3;</span>
                <div class="name">上传图片</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e5;</span>
                <div class="name">实验</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c4;</span>
                <div class="name">社区动态</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e6;</span>
                <div class="name">分组</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c5;</span>
                <div class="name">时钟</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e7;</span>
                <div class="name">风速</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c6;</span>
                <div class="name">授权</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e8;</span>
                <div class="name">风类</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c7;</span>
                <div class="name">视窗</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7e9;</span>
                <div class="name">风速-大</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c8;</span>
                <div class="name">事件统计</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ea;</span>
                <div class="name">风速-小</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6c9;</span>
                <div class="name">数据库</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7eb;</span>
                <div class="name">选项</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ca;</span>
                <div class="name">返回-圆</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ec;</span>
                <div class="name">风向</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6cb;</span>
                <div class="name">刷新-圆</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ed;</span>
                <div class="name">空调风速</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6cc;</span>
                <div class="name">刷新-方</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ee;</span>
                <div class="name">太阳</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6cd;</span>
                <div class="name">返回-方</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ef;</span>
                <div class="name">制热</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ce;</span>
                <div class="name">添加关注</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f0;</span>
                <div class="name">自动</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6cf;</span>
                <div class="name">已关注</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f1;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d0;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f2;</span>
                <div class="name">静音</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d1;</span>
                <div class="name">网络</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f3;</span>
                <div class="name">取消静音</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d2;</span>
                <div class="name">我的工单</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f4;</span>
                <div class="name">播放暂停</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d3;</span>
                <div class="name">可读信息</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f5;</span>
                <div class="name">休眠</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d4;</span>
                <div class="name">已读信息</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f6;</span>
                <div class="name">快退</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d5;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f7;</span>
                <div class="name">快进</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d6;</span>
                <div class="name">信息</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f8;</span>
                <div class="name">停止-实心</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d7;</span>
                <div class="name">中间件1</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7f9;</span>
                <div class="name">温度</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d8;</span>
                <div class="name">正确</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7fa;</span>
                <div class="name">返回-2</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6d9;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7fb;</span>
                <div class="name">数字</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6da;</span>
                <div class="name">中间件</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7fc;</span>
                <div class="name">摇头</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6db;</span>
                <div class="name">柱状图</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7fd;</span>
                <div class="name">节能</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6dc;</span>
                <div class="name">仪表盘</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7fe;</span>
                <div class="name">环境噪声</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6dd;</span>
                <div class="name">未知</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ff;</span>
                <div class="name">气压</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6de;</span>
                <div class="name">网络设备</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe800;</span>
                <div class="name">伞</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6df;</span>
                <div class="name">指南针</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe801;</span>
                <div class="name">PM2.5</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e0;</span>
                <div class="name">云上传</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe802;</span>
                <div class="name">异味</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e1;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe803;</span>
                <div class="name">下一曲</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e2;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe804;</span>
                <div class="name">上一曲</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e3;</span>
                <div class="name">文本</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe805;</span>
                <div class="name">声大</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e4;</span>
                <div class="name">邮件</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe806;</span>
                <div class="name">声静音</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e5;</span>
                <div class="name">硬件服务器</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe807;</span>
                <div class="name">声小</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e6;</span>
                <div class="name">显示器</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe808;</span>
                <div class="name">列表顺序</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e7;</span>
                <div class="name">星星-实</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe809;</span>
                <div class="name">随机</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e8;</span>
                <div class="name">星星-空</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe80a;</span>
                <div class="name">单曲循环</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6e9;</span>
                <div class="name">设置菜单栏占位</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe80b;</span>
                <div class="name">列表循环</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ea;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe80c;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6eb;</span>
                <div class="name">账号稽核</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe80d;</span>
                <div class="name">风速1</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ec;</span>
                <div class="name">账号管理</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe80e;</span>
                <div class="name">风速3</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ed;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe80f;</span>
                <div class="name">风速2</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ee;</span>
                <div class="name">知识库</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe810;</span>
                <div class="name">风向-30</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ef;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe811;</span>
                <div class="name">风向-60</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f0;</span>
                <div class="name">升级</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe812;</span>
                <div class="name">风向-90</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f1;</span>
                <div class="name">一键自检</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe813;</span>
                <div class="name">风向-120</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f2;</span>
                <div class="name">备份</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe814;</span>
                <div class="name">家</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f3;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe815;</span>
                <div class="name">主用户</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f4;</span>
                <div class="name">会同</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe816;</span>
                <div class="name">副用户</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f5;</span>
                <div class="name">协议</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe817;</span>
                <div class="name">语音</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f6;</span>
                <div class="name">漏斗</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe818;</span>
                <div class="name">摇头&暖风</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f7;</span>
                <div class="name">缩小</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe819;</span>
                <div class="name">进仓&出仓</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f8;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe81a;</span>
                <div class="name">灯&冷&湿</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6f9;</span>
                <div class="name">发起人</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe81b;</span>
                <div class="name">二级密码</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6fa;</span>
                <div class="name">停止</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6fb;</span>
                <div class="name">扫描地址数</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6fc;</span>
                <div class="name">SNMP响应</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6fd;</span>
                <div class="name">链路</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6fe;</span>
                <div class="name">nav-日志中心</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ff;</span>
                <div class="name">nav-流程中心</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe700;</span>
                <div class="name">nav-账号管理</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe701;</span>
                <div class="name">nav-运维中心</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe702;</span>
                <div class="name">nav-事件中心</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe703;</span>
                <div class="name">nav-系统设置</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe704;</span>
                <div class="name">nav-资产监控</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe705;</span>
                <div class="name">nav-资产管理</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe706;</span>
                <div class="name">nav-自助服务</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe707;</span>
                <div class="name">减号-常规</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe708;</span>
                <div class="name">减号-加粗</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe709;</span>
                <div class="name">加号-加粗</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe70a;</span>
                <div class="name">加号-常规</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe70b;</span>
                <div class="name">监控频率</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe70c;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe71a;</span>
                <div class="name">组织机构</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe71b;</span>
                <div class="name">资产账号改密</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe71c;</span>
                <div class="name">系统权限管理</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe71d;</span>
                <div class="name">安全配置</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe71e;</span>
                <div class="name">孤立账号</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe71f;</span>
                <div class="name">位置管理</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe720;</span>
                <div class="name">目标端</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe721;</span>
                <div class="name">源端</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe722;</span>
                <div class="name">审计配置</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe723;</span>
                <div class="name">资产过期</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe724;</span>
                <div class="name">机构资产变化状态</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe725;</span>
                <div class="name">路障</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe726;</span>
                <div class="name">关注标签2</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe727;</span>
                <div class="name">业务服务巡检</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe728;</span>
                <div class="name">奖杯</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe729;</span>
                <div class="name">公文包</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe72a;</span>
                <div class="name">MIB工具</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe72b;</span>
                <div class="name">机柜管理</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe72c;</span>
                <div class="name">IP管理</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe72d;</span>
                <div class="name">本周</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe72e;</span>
                <div class="name">本月</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe72f;</span>
                <div class="name">当天</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe730;</span>
                <div class="name">告警方式配置</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe738;</span>
                <div class="name">批量添加</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe739;</span>
                <div class="name">批量减少</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe73a;</span>
                <div class="name">批量删除</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe73b;</span>
                <div class="name">批量导入</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe73c;</span>
                <div class="name">批量导出</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe73d;</span>
                <div class="name">旗子</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe73e;</span>
                <div class="name">运维申请</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe73f;</span>
                <div class="name">业务服务</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe740;</span>
                <div class="name">运维设备</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe741;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe742;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe743;</span>
                <div class="name">批量执行</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe744;</span>
                <div class="name">邀请协助</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe745;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe746;</span>
                <div class="name">特殊运维</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe747;</span>
                <div class="name">系统状况</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe748;</span>
                <div class="name">预警</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe749;</span>
                <div class="name">委派</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe74a;</span>
                <div class="name">领取</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe74b;</span>
                <div class="name">待追踪工单</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe74c;</span>
                <div class="name">查询知识库</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe74d;</span>
                <div class="name">流程设置</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe74e;</span>
                <div class="name">流程管理</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe74f;</span>
                <div class="name">创建工单</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe750;</span>
                <div class="name">待处理工单</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe751;</span>
                <div class="name">规则配置</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe752;</span>
                <div class="name">命令集管理</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe753;</span>
                <div class="name">正式版</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe754;</span>
                <div class="name">linux</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe755;</span>
                <div class="name">mac</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe756;</span>
                <div class="name">windows</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe757;</span>
                <div class="name">关联设备</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe758;</span>
                <div class="name">激活</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe759;</span>
                <div class="name">关联审计配置</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe75a;</span>
                <div class="name">改密后</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe75b;</span>
                <div class="name">改密前</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe75c;</span>
                <div class="name">端口</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe75d;</span>
                <div class="name">关联</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe75e;</span>
                <div class="name">筛选查询</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe75f;</span>
                <div class="name">列表模式</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe760;</span>
                <div class="name">机房</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe761;</span>
                <div class="name">批量运维</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe762;</span>
                <div class="name">直线</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe763;</span>
                <div class="name">实体关系</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe764;</span>
                <div class="name">正交</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe765;</span>
                <div class="name">曲线</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe766;</span>
                <div class="name">垂直居中</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe767;</span>
                <div class="name">底对齐</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe768;</span>
                <div class="name">水平居中</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe769;</span>
                <div class="name">顶对齐</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe76a;</span>
                <div class="name">右对齐</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe76b;</span>
                <div class="name">左对齐</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe76c;</span>
                <div class="name">布局</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe76d;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe76e;</span>
                <div class="name">取消全屏</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe76f;</span>
                <div class="name">抓屏</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe770;</span>
                <div class="name">点击</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe771;</span>
                <div class="name">业务翻译</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe772;</span>
                <div class="name">摄像机</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe773;</span>
                <div class="name">相机</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe774;</span>
                <div class="name">定时器</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe775;</span>
                <div class="name">nav-运维设置</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe776;</span>
                <div class="name">火箭</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe777;</span>
                <div class="name">电池</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe778;</span>
                <div class="name">业务监控</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe779;</span>
                <div class="name">左double-常规</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe77a;</span>
                <div class="name">右double-常规</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe77b;</span>
                <div class="name">最下-常规</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe77c;</span>
                <div class="name">最左-常规</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe77d;</span>
                <div class="name">最上-常规</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe77e;</span>
                <div class="name">最右-常规</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe77f;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe780;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe781;</span>
                <div class="name">上箭头</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe782;</span>
                <div class="name">左箭头</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe783;</span>
                <div class="name">资源</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe784;</span>
                <div class="name">尺子</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe785;</span>
                <div class="name">信息查询</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe786;</span>
                <div class="name">上次时间</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe787;</span>
                <div class="name">信号</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe788;</span>
                <div class="name">无信号</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe789;</span>
                <div class="name">右下箭头</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe78a;</span>
                <div class="name">右上箭头</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe78b;</span>
                <div class="name">左下箭头</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe78c;</span>
                <div class="name">左上箭头</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe78d;</span>
                <div class="name">重启</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe78e;</span>
                <div class="name">取消邀请</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe78f;</span>
                <div class="name">执行</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe790;</span>
                <div class="name">倒退</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe791;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe792;</span>
                <div class="name">清理</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe793;</span>
                <div class="name">U盘</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe794;</span>
                <div class="name">勋章</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe795;</span>
                <div class="name">资金</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe796;</span>
                <div class="name">火</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe797;</span>
                <div class="name">CD</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe798;</span>
                <div class="name">黑板</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe799;</span>
                <div class="name">剪刀</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe664;</span>
                <div class="name">最小化</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe79a;</span>
                <div class="name">图钉</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe665;</span>
                <div class="name">最大化</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe79b;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe688;</span>
                <div class="name">笔记本电脑</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe79c;</span>
                <div class="name">框选</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe689;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe79d;</span>
                <div class="name">打印机</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe68a;</span>
                <div class="name">Excel</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe79e;</span>
                <div class="name">鼠标</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe68b;</span>
                <div class="name">CPU</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe79f;</span>
                <div class="name">闪电</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe68c;</span>
                <div class="name">变更</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a0;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe68d;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a1;</span>
                <div class="name">nav-运维中心-2</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe68e;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a2;</span>
                <div class="name">已关注-实</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe68f;</span>
                <div class="name">饼图</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a3;</span>
                <div class="name">改密</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe690;</span>
                <div class="name">策略</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a4;</span>
                <div class="name">宕机</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe691;</span>
                <div class="name">策略2</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a5;</span>
                <div class="name">凭证检测不通过</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe692;</span>
                <div class="name">差号-常规</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a6;</span>
                <div class="name">闭眼</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe693;</span>
                <div class="name">差号-加粗</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a7;</span>
                <div class="name">睁眼</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe694;</span>
                <div class="name">抄送</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7a8;</span>
                <div class="name">扫描</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe695;</span>
                <div class="name">错误</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7b0;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe696;</span>
                <div class="name">磁盘存储</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7b1;</span>
                <div class="name">孤立账号-2</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe697;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7b6;</span>
                <div class="name">进行时钟</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe698;</span>
                <div class="name">电视机</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7b7;</span>
                <div class="name">提示信息</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe699;</span>
                <div class="name">待响应工单</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7b8;</span>
                <div class="name">整理</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe69a;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7b9;</span>
                <div class="name">云下载</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe69b;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ba;</span>
                <div class="name">曲别针</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe69c;</span>
                <div class="name">对话</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7bb;</span>
                <div class="name">Word</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe69d;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7bc;</span>
                <div class="name">绑定</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe69e;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7bd;</span>
                <div class="name">取消绑定</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe69f;</span>
                <div class="name">工单</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7be;</span>
                <div class="name">云</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a0;</span>
                <div class="name">对号-常规</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c1;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a1;</span>
                <div class="name">对号-加粗</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c2;</span>
                <div class="name">关单</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a2;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c4;</span>
                <div class="name">邮件发送失败</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a3;</span>
                <div class="name">房子</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c5;</span>
                <div class="name">短信发送成功</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a4;</span>
                <div class="name">放大镜</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c6;</span>
                <div class="name">邮件发送成功</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a5;</span>
                <div class="name">服务器</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c7;</span>
                <div class="name">短信发送失败</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a6;</span>
                <div class="name">告警</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c8;</span>
                <div class="name">添加协议设置</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a7;</span>
                <div class="name">工具</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7c9;</span>
                <div class="name">添加资产账户</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a8;</span>
                <div class="name">关机</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ca;</span>
                <div class="name">协议稽查</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6a9;</span>
                <div class="name">合并</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7cb;</span>
                <div class="name">QQ</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6aa;</span>
                <div class="name">机构关系</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7cc;</span>
                <div class="name">自动化运维-1</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ab;</span>
                <div class="name">机构人员</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7cd;</span>
                <div class="name">自动化运维</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ac;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7ce;</span>
                <div class="name">脚本控制台</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ad;</span>
                <div class="name">机构资产</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7cf;</span>
                <div class="name">系统加固</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6ae;</span>
                <div class="name">急救箱</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d0;</span>
                <div class="name">雪花</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6af;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d1;</span>
                <div class="name">水滴</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b0;</span>
                <div class="name">死锁</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d2;</span>
                <div class="name">银行卡</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b1;</span>
                <div class="name">禁用</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d3;</span>
                <div class="name">自定义布局</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b2;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d4;</span>
                <div class="name">添加栏目</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b3;</span>
                <div class="name">喇叭</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d5;</span>
                <div class="name">添加入列</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe6b4;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon icon_acctc">&#xe7d6;</span>
                <div class="name">已在列</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'icon_acctc';
  src: url('iconfont.woff2?t=1627269567909') format('woff2'),
       url('iconfont.woff?t=1627269567909') format('woff'),
       url('iconfont.ttf?t=1627269567909') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.icon_acctc {
  font-family: "icon_acctc" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="icon_acctc"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"icon_acctc" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon icon_acctc icon-memory"></span>
            <div class="name">
              内存条
            </div>
            <div class="code-name">.icon-memory
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-deblock-2"></span>
            <div class="name">
              解锁-2
            </div>
            <div class="code-name">.icon-deblock-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-start"></span>
            <div class="name">
              启动
            </div>
            <div class="code-name">.icon-start
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-set-configure"></span>
            <div class="name">
              设置为配置项
            </div>
            <div class="code-name">.icon-set-configure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-migrate"></span>
            <div class="name">
              迁移
            </div>
            <div class="code-name">.icon-migrate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-view-authority"></span>
            <div class="name">
              权限视图
            </div>
            <div class="code-name">.icon-view-authority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-pencil"></span>
            <div class="name">
              铅笔
            </div>
            <div class="code-name">.icon-pencil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-lingpai"></span>
            <div class="name">
              令牌
            </div>
            <div class="code-name">.icon-lingpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cancel"></span>
            <div class="name">
              取消
            </div>
            <div class="code-name">.icon-cancel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-duankailianjie"></span>
            <div class="name">
              断开链接
            </div>
            <div class="code-name">.icon-duankailianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-calendar"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-seal"></span>
            <div class="name">
              印章
            </div>
            <div class="code-name">.icon-seal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-top-bold"></span>
            <div class="name">
              上-加粗
            </div>
            <div class="code-name">.icon-top-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-backup-hm"></span>
            <div class="name">
              手动备份
            </div>
            <div class="code-name">.icon-backup-hm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bottom"></span>
            <div class="name">
              下-常规
            </div>
            <div class="code-name">.icon-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-psw-reset"></span>
            <div class="name">
              重置密码
            </div>
            <div class="code-name">.icon-psw-reset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-top"></span>
            <div class="name">
              上-常规
            </div>
            <div class="code-name">.icon-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-host"></span>
            <div class="name">
              主机
            </div>
            <div class="code-name">.icon-host
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-right"></span>
            <div class="name">
              右-常规
            </div>
            <div class="code-name">.icon-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-initiate-task"></span>
            <div class="name">
              发起任务
            </div>
            <div class="code-name">.icon-initiate-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-right-bold"></span>
            <div class="name">
              右-加粗
            </div>
            <div class="code-name">.icon-right-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-del-un-translate"></span>
            <div class="name">
              删除未翻译业务
            </div>
            <div class="code-name">.icon-del-un-translate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bottom-bold"></span>
            <div class="name">
              下-加粗
            </div>
            <div class="code-name">.icon-bottom-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-del-task"></span>
            <div class="name">
              删除业务
            </div>
            <div class="code-name">.icon-del-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-left"></span>
            <div class="name">
              左-常规
            </div>
            <div class="code-name">.icon-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-script-set"></span>
            <div class="name">
              脚本配置
            </div>
            <div class="code-name">.icon-script-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-left-bold"></span>
            <div class="name">
              左-加粗
            </div>
            <div class="code-name">.icon-left-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-script-language"></span>
            <div class="name">
              脚本语言
            </div>
            <div class="code-name">.icon-script-language
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-upload-pic"></span>
            <div class="name">
              上传图片
            </div>
            <div class="code-name">.icon-upload-pic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-experiment"></span>
            <div class="name">
              实验
            </div>
            <div class="code-name">.icon-experiment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-community"></span>
            <div class="name">
              社区动态
            </div>
            <div class="code-name">.icon-community
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-subgroup"></span>
            <div class="name">
              分组
            </div>
            <div class="code-name">.icon-subgroup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-clock"></span>
            <div class="name">
              时钟
            </div>
            <div class="code-name">.icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-wind-speed"></span>
            <div class="name">
              风速
            </div>
            <div class="code-name">.icon-wind-speed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-authorise"></span>
            <div class="name">
              授权
            </div>
            <div class="code-name">.icon-authorise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-wind-class"></span>
            <div class="name">
              风类
            </div>
            <div class="code-name">.icon-wind-class
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-window"></span>
            <div class="name">
              视窗
            </div>
            <div class="code-name">.icon-window
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-wind-speed-high"></span>
            <div class="name">
              风速-大
            </div>
            <div class="code-name">.icon-wind-speed-high
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-event"></span>
            <div class="name">
              事件统计
            </div>
            <div class="code-name">.icon-event
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-wind-speed-low"></span>
            <div class="name">
              风速-小
            </div>
            <div class="code-name">.icon-wind-speed-low
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-data-base"></span>
            <div class="name">
              数据库
            </div>
            <div class="code-name">.icon-data-base
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-xuanxiang"></span>
            <div class="name">
              选项
            </div>
            <div class="code-name">.icon-xuanxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-back-circle"></span>
            <div class="name">
              返回-圆
            </div>
            <div class="code-name">.icon-back-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-fengxiang"></span>
            <div class="name">
              风向
            </div>
            <div class="code-name">.icon-fengxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-refresh-circle"></span>
            <div class="name">
              刷新-圆
            </div>
            <div class="code-name">.icon-refresh-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-kongtiaofengsu"></span>
            <div class="name">
              空调风速
            </div>
            <div class="code-name">.icon-kongtiaofengsu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-refresh-square"></span>
            <div class="name">
              刷新-方
            </div>
            <div class="code-name">.icon-refresh-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-taiyang"></span>
            <div class="name">
              太阳
            </div>
            <div class="code-name">.icon-taiyang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-back-square"></span>
            <div class="name">
              返回-方
            </div>
            <div class="code-name">.icon-back-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-zhire"></span>
            <div class="name">
              制热
            </div>
            <div class="code-name">.icon-zhire
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-attend"></span>
            <div class="name">
              添加关注
            </div>
            <div class="code-name">.icon-attend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-zidong"></span>
            <div class="name">
              自动
            </div>
            <div class="code-name">.icon-zidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-attended"></span>
            <div class="name">
              已关注
            </div>
            <div class="code-name">.icon-attended
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-zhuye"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.icon-zhuye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-picture"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-picture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-jingyin"></span>
            <div class="name">
              静音
            </div>
            <div class="code-name">.icon-jingyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-network"></span>
            <div class="name">
              网络
            </div>
            <div class="code-name">.icon-network
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-quxiaojingyin"></span>
            <div class="name">
              取消静音
            </div>
            <div class="code-name">.icon-quxiaojingyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-order-mine"></span>
            <div class="name">
              我的工单
            </div>
            <div class="code-name">.icon-order-mine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bofangzanting"></span>
            <div class="name">
              播放暂停
            </div>
            <div class="code-name">.icon-bofangzanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-info"></span>
            <div class="name">
              可读信息
            </div>
            <div class="code-name">.icon-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-xiumian"></span>
            <div class="name">
              休眠
            </div>
            <div class="code-name">.icon-xiumian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-info-read"></span>
            <div class="name">
              已读信息
            </div>
            <div class="code-name">.icon-info-read
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-kuaitui"></span>
            <div class="name">
              快退
            </div>
            <div class="code-name">.icon-kuaitui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-pause"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-pause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-kuaijin"></span>
            <div class="name">
              快进
            </div>
            <div class="code-name">.icon-kuaijin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-message"></span>
            <div class="name">
              信息
            </div>
            <div class="code-name">.icon-message
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-tingzhi-shixin"></span>
            <div class="name">
              停止-实心
            </div>
            <div class="code-name">.icon-tingzhi-shixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-middleware"></span>
            <div class="name">
              中间件1
            </div>
            <div class="code-name">.icon-middleware
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-wendu"></span>
            <div class="name">
              温度
            </div>
            <div class="code-name">.icon-wendu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-finish"></span>
            <div class="name">
              正确
            </div>
            <div class="code-name">.icon-finish
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-fanhui-"></span>
            <div class="name">
              返回-2
            </div>
            <div class="code-name">.icon-fanhui-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-folder"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-shuzi"></span>
            <div class="name">
              数字
            </div>
            <div class="code-name">.icon-shuzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-midware"></span>
            <div class="name">
              中间件
            </div>
            <div class="code-name">.icon-midware
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-yaotou"></span>
            <div class="name">
              摇头
            </div>
            <div class="code-name">.icon-yaotou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-histogram"></span>
            <div class="name">
              柱状图
            </div>
            <div class="code-name">.icon-histogram
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-jieneng"></span>
            <div class="name">
              节能
            </div>
            <div class="code-name">.icon-jieneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-panel"></span>
            <div class="name">
              仪表盘
            </div>
            <div class="code-name">.icon-panel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-huanjingzaosheng"></span>
            <div class="name">
              环境噪声
            </div>
            <div class="code-name">.icon-huanjingzaosheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-unknow"></span>
            <div class="name">
              未知
            </div>
            <div class="code-name">.icon-unknow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-qiya"></span>
            <div class="name">
              气压
            </div>
            <div class="code-name">.icon-qiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-net-device"></span>
            <div class="name">
              网络设备
            </div>
            <div class="code-name">.icon-net-device
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-san"></span>
            <div class="name">
              伞
            </div>
            <div class="code-name">.icon-san
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-compass"></span>
            <div class="name">
              指南针
            </div>
            <div class="code-name">.icon-compass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-PM"></span>
            <div class="name">
              PM2.5
            </div>
            <div class="code-name">.icon-PM
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cloud"></span>
            <div class="name">
              云上传
            </div>
            <div class="code-name">.icon-cloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-yiwei"></span>
            <div class="name">
              异味
            </div>
            <div class="code-name">.icon-yiwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-add"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-xiayiqu"></span>
            <div class="name">
              下一曲
            </div>
            <div class="code-name">.icon-xiayiqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-app"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.icon-app
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-shangyiqu"></span>
            <div class="name">
              上一曲
            </div>
            <div class="code-name">.icon-shangyiqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-file"></span>
            <div class="name">
              文本
            </div>
            <div class="code-name">.icon-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-shengda"></span>
            <div class="name">
              声大
            </div>
            <div class="code-name">.icon-shengda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-email"></span>
            <div class="name">
              邮件
            </div>
            <div class="code-name">.icon-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-shengjingyin"></span>
            <div class="name">
              声静音
            </div>
            <div class="code-name">.icon-shengjingyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-hardware"></span>
            <div class="name">
              硬件服务器
            </div>
            <div class="code-name">.icon-hardware
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-shengxiao"></span>
            <div class="name">
              声小
            </div>
            <div class="code-name">.icon-shengxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-screen"></span>
            <div class="name">
              显示器
            </div>
            <div class="code-name">.icon-screen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-liebiaoshunxu"></span>
            <div class="name">
              列表顺序
            </div>
            <div class="code-name">.icon-liebiaoshunxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-star-full"></span>
            <div class="name">
              星星-实
            </div>
            <div class="code-name">.icon-star-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-suiji"></span>
            <div class="name">
              随机
            </div>
            <div class="code-name">.icon-suiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-star-empty"></span>
            <div class="name">
              星星-空
            </div>
            <div class="code-name">.icon-star-empty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-danquxunhuan"></span>
            <div class="name">
              单曲循环
            </div>
            <div class="code-name">.icon-danquxunhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-set-place"></span>
            <div class="name">
              设置菜单栏占位
            </div>
            <div class="code-name">.icon-set-place
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-liebiaoxunhuan"></span>
            <div class="name">
              列表循环
            </div>
            <div class="code-name">.icon-liebiaoxunhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-set"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.icon-bofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-account-audit"></span>
            <div class="name">
              账号稽核
            </div>
            <div class="code-name">.icon-account-audit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-fengsu"></span>
            <div class="name">
              风速1
            </div>
            <div class="code-name">.icon-fengsu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-config-account"></span>
            <div class="name">
              账号管理
            </div>
            <div class="code-name">.icon-config-account
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-fengsu1"></span>
            <div class="name">
              风速3
            </div>
            <div class="code-name">.icon-fengsu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-eye"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.icon-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-fengsu2"></span>
            <div class="name">
              风速2
            </div>
            <div class="code-name">.icon-fengsu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-knowledge-base"></span>
            <div class="name">
              知识库
            </div>
            <div class="code-name">.icon-knowledge-base
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-angle-30"></span>
            <div class="name">
              风向-30
            </div>
            <div class="code-name">.icon-angle-30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-wechat"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-wechat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-angle-60"></span>
            <div class="name">
              风向-60
            </div>
            <div class="code-name">.icon-angle-60
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-update"></span>
            <div class="name">
              升级
            </div>
            <div class="code-name">.icon-update
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-angle-90"></span>
            <div class="name">
              风向-90
            </div>
            <div class="code-name">.icon-angle-90
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-self-test"></span>
            <div class="name">
              一键自检
            </div>
            <div class="code-name">.icon-self-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-angle-120"></span>
            <div class="name">
              风向-120
            </div>
            <div class="code-name">.icon-angle-120
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-backup"></span>
            <div class="name">
              备份
            </div>
            <div class="code-name">.icon-backup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-my-home"></span>
            <div class="name">
              家
            </div>
            <div class="code-name">.icon-my-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bulletin"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icon-bulletin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-user-primary"></span>
            <div class="name">
              主用户
            </div>
            <div class="code-name">.icon-user-primary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-union"></span>
            <div class="name">
              会同
            </div>
            <div class="code-name">.icon-union
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-user-sec"></span>
            <div class="name">
              副用户
            </div>
            <div class="code-name">.icon-user-sec
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-protocol"></span>
            <div class="name">
              协议
            </div>
            <div class="code-name">.icon-protocol
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-pronunciatio"></span>
            <div class="name">
              语音
            </div>
            <div class="code-name">.icon-pronunciatio
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-funnel"></span>
            <div class="name">
              漏斗
            </div>
            <div class="code-name">.icon-funnel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-air-movement"></span>
            <div class="name">
              摇头&暖风
            </div>
            <div class="code-name">.icon-air-movement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-reduce"></span>
            <div class="name">
              缩小
            </div>
            <div class="code-name">.icon-reduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-in-out"></span>
            <div class="name">
              进仓&出仓
            </div>
            <div class="code-name">.icon-in-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-enlarge"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-enlarge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-denglengshi"></span>
            <div class="name">
              灯&冷&湿
            </div>
            <div class="code-name">.icon-denglengshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-sponsor"></span>
            <div class="name">
              发起人
            </div>
            <div class="code-name">.icon-sponsor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-password-sec"></span>
            <div class="name">
              二级密码
            </div>
            <div class="code-name">.icon-password-sec
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-stop"></span>
            <div class="name">
              停止
            </div>
            <div class="code-name">.icon-stop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-scan-address"></span>
            <div class="name">
              扫描地址数
            </div>
            <div class="code-name">.icon-scan-address
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-snmp-response"></span>
            <div class="name">
              SNMP响应
            </div>
            <div class="code-name">.icon-snmp-response
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-line"></span>
            <div class="name">
              链路
            </div>
            <div class="code-name">.icon-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-log-center"></span>
            <div class="name">
              nav-日志中心
            </div>
            <div class="code-name">.icon-nav-log-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-process-center"></span>
            <div class="name">
              nav-流程中心
            </div>
            <div class="code-name">.icon-nav-process-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-account-manage"></span>
            <div class="name">
              nav-账号管理
            </div>
            <div class="code-name">.icon-nav-account-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-oper-center"></span>
            <div class="name">
              nav-运维中心
            </div>
            <div class="code-name">.icon-nav-oper-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-event-center"></span>
            <div class="name">
              nav-事件中心
            </div>
            <div class="code-name">.icon-nav-event-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-system-set"></span>
            <div class="name">
              nav-系统设置
            </div>
            <div class="code-name">.icon-nav-system-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-asset-monitor"></span>
            <div class="name">
              nav-资产监控
            </div>
            <div class="code-name">.icon-nav-asset-monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-asset-manage"></span>
            <div class="name">
              nav-资产管理
            </div>
            <div class="code-name">.icon-nav-asset-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-self-service"></span>
            <div class="name">
              nav-自助服务
            </div>
            <div class="code-name">.icon-nav-self-service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-minus"></span>
            <div class="name">
              减号-常规
            </div>
            <div class="code-name">.icon-minus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-minus-bold"></span>
            <div class="name">
              减号-加粗
            </div>
            <div class="code-name">.icon-minus-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-plus-bold"></span>
            <div class="name">
              加号-加粗
            </div>
            <div class="code-name">.icon-plus-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-plus"></span>
            <div class="name">
              加号-常规
            </div>
            <div class="code-name">.icon-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-frequency"></span>
            <div class="name">
              监控频率
            </div>
            <div class="code-name">.icon-frequency
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-delete"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-organ"></span>
            <div class="name">
              组织机构
            </div>
            <div class="code-name">.icon-organ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-account-asset"></span>
            <div class="name">
              资产账号改密
            </div>
            <div class="code-name">.icon-account-asset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-manage-author"></span>
            <div class="name">
              系统权限管理
            </div>
            <div class="code-name">.icon-manage-author
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-config-safe"></span>
            <div class="name">
              安全配置
            </div>
            <div class="code-name">.icon-config-safe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-account-isolate"></span>
            <div class="name">
              孤立账号
            </div>
            <div class="code-name">.icon-account-isolate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-position"></span>
            <div class="name">
              位置管理
            </div>
            <div class="code-name">.icon-position
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-aim"></span>
            <div class="name">
              目标端
            </div>
            <div class="code-name">.icon-aim
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-source"></span>
            <div class="name">
              源端
            </div>
            <div class="code-name">.icon-source
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-config-audit"></span>
            <div class="name">
              审计配置
            </div>
            <div class="code-name">.icon-config-audit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-asset-expired"></span>
            <div class="name">
              资产过期
            </div>
            <div class="code-name">.icon-asset-expired
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-asset-change"></span>
            <div class="name">
              机构资产变化状态
            </div>
            <div class="code-name">.icon-asset-change
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-roadblock"></span>
            <div class="name">
              路障
            </div>
            <div class="code-name">.icon-roadblock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-tag2"></span>
            <div class="name">
              关注标签2
            </div>
            <div class="code-name">.icon-tag2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-inspection"></span>
            <div class="name">
              业务服务巡检
            </div>
            <div class="code-name">.icon-inspection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-trophy"></span>
            <div class="name">
              奖杯
            </div>
            <div class="code-name">.icon-trophy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-briefcase"></span>
            <div class="name">
              公文包
            </div>
            <div class="code-name">.icon-briefcase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-mib"></span>
            <div class="name">
              MIB工具
            </div>
            <div class="code-name">.icon-mib
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cabinet"></span>
            <div class="name">
              机柜管理
            </div>
            <div class="code-name">.icon-cabinet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-config-ip"></span>
            <div class="name">
              IP管理
            </div>
            <div class="code-name">.icon-config-ip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-week"></span>
            <div class="name">
              本周
            </div>
            <div class="code-name">.icon-week
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-month"></span>
            <div class="name">
              本月
            </div>
            <div class="code-name">.icon-month
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-day"></span>
            <div class="name">
              当天
            </div>
            <div class="code-name">.icon-day
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-set-alarm"></span>
            <div class="name">
              告警方式配置
            </div>
            <div class="code-name">.icon-set-alarm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-batch-add"></span>
            <div class="name">
              批量添加
            </div>
            <div class="code-name">.icon-batch-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-batch-reduce"></span>
            <div class="name">
              批量减少
            </div>
            <div class="code-name">.icon-batch-reduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-batch-del"></span>
            <div class="name">
              批量删除
            </div>
            <div class="code-name">.icon-batch-del
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-batch-import"></span>
            <div class="name">
              批量导入
            </div>
            <div class="code-name">.icon-batch-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-batch-export"></span>
            <div class="name">
              批量导出
            </div>
            <div class="code-name">.icon-batch-export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-flag"></span>
            <div class="name">
              旗子
            </div>
            <div class="code-name">.icon-flag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-oper-apply"></span>
            <div class="name">
              运维申请
            </div>
            <div class="code-name">.icon-oper-apply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-business-server"></span>
            <div class="name">
              业务服务
            </div>
            <div class="code-name">.icon-business-server
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-oper-equip"></span>
            <div class="name">
              运维设备
            </div>
            <div class="code-name">.icon-oper-equip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-log"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.icon-log
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-download"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-batch-execution"></span>
            <div class="name">
              批量执行
            </div>
            <div class="code-name">.icon-batch-execution
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-assist"></span>
            <div class="name">
              邀请协助
            </div>
            <div class="code-name">.icon-assist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-announce"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icon-announce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-special-oper"></span>
            <div class="name">
              特殊运维
            </div>
            <div class="code-name">.icon-special-oper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-system-statu"></span>
            <div class="name">
              系统状况
            </div>
            <div class="code-name">.icon-system-statu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-early-warn"></span>
            <div class="name">
              预警
            </div>
            <div class="code-name">.icon-early-warn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-delegate"></span>
            <div class="name">
              委派
            </div>
            <div class="code-name">.icon-delegate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-receive"></span>
            <div class="name">
              领取
            </div>
            <div class="code-name">.icon-receive
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-order-track"></span>
            <div class="name">
              待追踪工单
            </div>
            <div class="code-name">.icon-order-track
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-query-knowledge"></span>
            <div class="name">
              查询知识库
            </div>
            <div class="code-name">.icon-query-knowledge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-set-process"></span>
            <div class="name">
              流程设置
            </div>
            <div class="code-name">.icon-set-process
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-manage-process"></span>
            <div class="name">
              流程管理
            </div>
            <div class="code-name">.icon-manage-process
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-order-add"></span>
            <div class="name">
              创建工单
            </div>
            <div class="code-name">.icon-order-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-order-pending"></span>
            <div class="name">
              待处理工单
            </div>
            <div class="code-name">.icon-order-pending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-config-rule"></span>
            <div class="name">
              规则配置
            </div>
            <div class="code-name">.icon-config-rule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-config-command"></span>
            <div class="name">
              命令集管理
            </div>
            <div class="code-name">.icon-config-command
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-official-edition"></span>
            <div class="name">
              正式版
            </div>
            <div class="code-name">.icon-official-edition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-linux"></span>
            <div class="name">
              linux
            </div>
            <div class="code-name">.icon-linux
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-mac"></span>
            <div class="name">
              mac
            </div>
            <div class="code-name">.icon-mac
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-windows"></span>
            <div class="name">
              windows
            </div>
            <div class="code-name">.icon-windows
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-link-equip"></span>
            <div class="name">
              关联设备
            </div>
            <div class="code-name">.icon-link-equip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-activation"></span>
            <div class="name">
              激活
            </div>
            <div class="code-name">.icon-activation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-config-link-audit"></span>
            <div class="name">
              关联审计配置
            </div>
            <div class="code-name">.icon-config-link-audit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-after-change-psw"></span>
            <div class="name">
              改密后
            </div>
            <div class="code-name">.icon-after-change-psw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-before-change-psw"></span>
            <div class="name">
              改密前
            </div>
            <div class="code-name">.icon-before-change-psw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-port"></span>
            <div class="name">
              端口
            </div>
            <div class="code-name">.icon-port
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-association"></span>
            <div class="name">
              关联
            </div>
            <div class="code-name">.icon-association
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-inquire"></span>
            <div class="name">
              筛选查询
            </div>
            <div class="code-name">.icon-inquire
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-list"></span>
            <div class="name">
              列表模式
            </div>
            <div class="code-name">.icon-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-engine-room"></span>
            <div class="name">
              机房
            </div>
            <div class="code-name">.icon-engine-room
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-batch-oper"></span>
            <div class="name">
              批量运维
            </div>
            <div class="code-name">.icon-batch-oper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-straight"></span>
            <div class="name">
              直线
            </div>
            <div class="code-name">.icon-straight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-entity"></span>
            <div class="name">
              实体关系
            </div>
            <div class="code-name">.icon-entity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-orthogonal"></span>
            <div class="name">
              正交
            </div>
            <div class="code-name">.icon-orthogonal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-curve"></span>
            <div class="name">
              曲线
            </div>
            <div class="code-name">.icon-curve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-align-vertical"></span>
            <div class="name">
              垂直居中
            </div>
            <div class="code-name">.icon-align-vertical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-align-bottom"></span>
            <div class="name">
              底对齐
            </div>
            <div class="code-name">.icon-align-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-align-level"></span>
            <div class="name">
              水平居中
            </div>
            <div class="code-name">.icon-align-level
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-align-top"></span>
            <div class="name">
              顶对齐
            </div>
            <div class="code-name">.icon-align-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-align-right"></span>
            <div class="name">
              右对齐
            </div>
            <div class="code-name">.icon-align-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-align-left"></span>
            <div class="name">
              左对齐
            </div>
            <div class="code-name">.icon-align-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-layout"></span>
            <div class="name">
              布局
            </div>
            <div class="code-name">.icon-layout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-full-screen"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-full-screen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cancel-full-screen"></span>
            <div class="name">
              取消全屏
            </div>
            <div class="code-name">.icon-cancel-full-screen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-capture-screen"></span>
            <div class="name">
              抓屏
            </div>
            <div class="code-name">.icon-capture-screen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-click"></span>
            <div class="name">
              点击
            </div>
            <div class="code-name">.icon-click
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-business-translate"></span>
            <div class="name">
              业务翻译
            </div>
            <div class="code-name">.icon-business-translate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-vcr"></span>
            <div class="name">
              摄像机
            </div>
            <div class="code-name">.icon-vcr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-camera"></span>
            <div class="name">
              相机
            </div>
            <div class="code-name">.icon-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-timer"></span>
            <div class="name">
              定时器
            </div>
            <div class="code-name">.icon-timer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-set-oper"></span>
            <div class="name">
              nav-运维设置
            </div>
            <div class="code-name">.icon-nav-set-oper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-rocket"></span>
            <div class="name">
              火箭
            </div>
            <div class="code-name">.icon-rocket
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-battery"></span>
            <div class="name">
              电池
            </div>
            <div class="code-name">.icon-battery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-business-monitor"></span>
            <div class="name">
              业务监控
            </div>
            <div class="code-name">.icon-business-monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-double-left"></span>
            <div class="name">
              左double-常规
            </div>
            <div class="code-name">.icon-double-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-double-right"></span>
            <div class="name">
              右double-常规
            </div>
            <div class="code-name">.icon-double-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-most-bottom"></span>
            <div class="name">
              最下-常规
            </div>
            <div class="code-name">.icon-most-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-most-left"></span>
            <div class="name">
              最左-常规
            </div>
            <div class="code-name">.icon-most-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-most-top"></span>
            <div class="name">
              最上-常规
            </div>
            <div class="code-name">.icon-most-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-most-right"></span>
            <div class="name">
              最右-常规
            </div>
            <div class="code-name">.icon-most-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-right"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-bottom"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.icon-arrow-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-top"></span>
            <div class="name">
              上箭头
            </div>
            <div class="code-name">.icon-arrow-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-left"></span>
            <div class="name">
              左箭头
            </div>
            <div class="code-name">.icon-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-resource"></span>
            <div class="name">
              资源
            </div>
            <div class="code-name">.icon-resource
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-ruler"></span>
            <div class="name">
              尺子
            </div>
            <div class="code-name">.icon-ruler
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-info-query"></span>
            <div class="name">
              信息查询
            </div>
            <div class="code-name">.icon-info-query
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-last-time"></span>
            <div class="name">
              上次时间
            </div>
            <div class="code-name">.icon-last-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-signal"></span>
            <div class="name">
              信号
            </div>
            <div class="code-name">.icon-signal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-no-signal"></span>
            <div class="name">
              无信号
            </div>
            <div class="code-name">.icon-no-signal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-right-bottom"></span>
            <div class="name">
              右下箭头
            </div>
            <div class="code-name">.icon-arrow-right-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-right-top"></span>
            <div class="name">
              右上箭头
            </div>
            <div class="code-name">.icon-arrow-right-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-left-bottom"></span>
            <div class="name">
              左下箭头
            </div>
            <div class="code-name">.icon-arrow-left-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-arrow-left-top"></span>
            <div class="name">
              左上箭头
            </div>
            <div class="code-name">.icon-arrow-left-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-reboot"></span>
            <div class="name">
              重启
            </div>
            <div class="code-name">.icon-reboot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-assist-cancel"></span>
            <div class="name">
              取消邀请
            </div>
            <div class="code-name">.icon-assist-cancel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-carry-out"></span>
            <div class="name">
              执行
            </div>
            <div class="code-name">.icon-carry-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-retreat"></span>
            <div class="name">
              倒退
            </div>
            <div class="code-name">.icon-retreat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-shopping-cart"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icon-shopping-cart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-clean-up"></span>
            <div class="name">
              清理
            </div>
            <div class="code-name">.icon-clean-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-u-disk"></span>
            <div class="name">
              U盘
            </div>
            <div class="code-name">.icon-u-disk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-medal"></span>
            <div class="name">
              勋章
            </div>
            <div class="code-name">.icon-medal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-money"></span>
            <div class="name">
              资金
            </div>
            <div class="code-name">.icon-money
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-fire"></span>
            <div class="name">
              火
            </div>
            <div class="code-name">.icon-fire
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cd"></span>
            <div class="name">
              CD
            </div>
            <div class="code-name">.icon-cd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-blackboard"></span>
            <div class="name">
              黑板
            </div>
            <div class="code-name">.icon-blackboard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-scissors"></span>
            <div class="name">
              剪刀
            </div>
            <div class="code-name">.icon-scissors
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-minimum"></span>
            <div class="name">
              最小化
            </div>
            <div class="code-name">.icon-minimum
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-pin"></span>
            <div class="name">
              图钉
            </div>
            <div class="code-name">.icon-pin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-maximize"></span>
            <div class="name">
              最大化
            </div>
            <div class="code-name">.icon-maximize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-monitor"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.icon-monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-laptop"></span>
            <div class="name">
              笔记本电脑
            </div>
            <div class="code-name">.icon-laptop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-box-select"></span>
            <div class="name">
              框选
            </div>
            <div class="code-name">.icon-box-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-help"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-help
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-printer"></span>
            <div class="name">
              打印机
            </div>
            <div class="code-name">.icon-printer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-excel"></span>
            <div class="name">
              Excel
            </div>
            <div class="code-name">.icon-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-mouse"></span>
            <div class="name">
              鼠标
            </div>
            <div class="code-name">.icon-mouse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cpu"></span>
            <div class="name">
              CPU
            </div>
            <div class="code-name">.icon-cpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-lightning"></span>
            <div class="name">
              闪电
            </div>
            <div class="code-name">.icon-lightning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-alter"></span>
            <div class="name">
              变更
            </div>
            <div class="code-name">.icon-alter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-quit-s"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-quit-s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-edit"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-nav-oper-center-t"></span>
            <div class="name">
              nav-运维中心-2
            </div>
            <div class="code-name">.icon-nav-oper-center-t
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-tag"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-tag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-attended-full"></span>
            <div class="name">
              已关注-实
            </div>
            <div class="code-name">.icon-attended-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-pie-chart"></span>
            <div class="name">
              饼图
            </div>
            <div class="code-name">.icon-pie-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-change-psw"></span>
            <div class="name">
              改密
            </div>
            <div class="code-name">.icon-change-psw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-strategy"></span>
            <div class="name">
              策略
            </div>
            <div class="code-name">.icon-strategy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-downtime"></span>
            <div class="name">
              宕机
            </div>
            <div class="code-name">.icon-downtime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-policy"></span>
            <div class="name">
              策略2
            </div>
            <div class="code-name">.icon-policy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-not-pass"></span>
            <div class="name">
              凭证检测不通过
            </div>
            <div class="code-name">.icon-not-pass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-error"></span>
            <div class="name">
              差号-常规
            </div>
            <div class="code-name">.icon-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-close-eye"></span>
            <div class="name">
              闭眼
            </div>
            <div class="code-name">.icon-close-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-error-bold"></span>
            <div class="name">
              差号-加粗
            </div>
            <div class="code-name">.icon-error-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-open-eye"></span>
            <div class="name">
              睁眼
            </div>
            <div class="code-name">.icon-open-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-send"></span>
            <div class="name">
              抄送
            </div>
            <div class="code-name">.icon-send
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-scan"></span>
            <div class="name">
              扫描
            </div>
            <div class="code-name">.icon-scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bug"></span>
            <div class="name">
              错误
            </div>
            <div class="code-name">.icon-bug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-qr-code"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-qr-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-disk"></span>
            <div class="name">
              磁盘存储
            </div>
            <div class="code-name">.icon-disk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-account-only"></span>
            <div class="name">
              孤立账号-2
            </div>
            <div class="code-name">.icon-account-only
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-like"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-underway"></span>
            <div class="name">
              进行时钟
            </div>
            <div class="code-name">.icon-underway
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-tv"></span>
            <div class="name">
              电视机
            </div>
            <div class="code-name">.icon-tv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-prompt-info"></span>
            <div class="name">
              提示信息
            </div>
            <div class="code-name">.icon-prompt-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-order-response"></span>
            <div class="name">
              待响应工单
            </div>
            <div class="code-name">.icon-order-response
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-sort"></span>
            <div class="name">
              整理
            </div>
            <div class="code-name">.icon-sort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-phone"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.icon-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cloud-down"></span>
            <div class="name">
              云下载
            </div>
            <div class="code-name">.icon-cloud-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-approve"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.icon-approve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-paper-clip"></span>
            <div class="name">
              曲别针
            </div>
            <div class="code-name">.icon-paper-clip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-dialog"></span>
            <div class="name">
              对话
            </div>
            <div class="code-name">.icon-dialog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-word"></span>
            <div class="name">
              Word
            </div>
            <div class="code-name">.icon-word
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-import"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bangding"></span>
            <div class="name">
              绑定
            </div>
            <div class="code-name">.icon-bangding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-export"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bind-remove"></span>
            <div class="name">
              取消绑定
            </div>
            <div class="code-name">.icon-bind-remove
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-order"></span>
            <div class="name">
              工单
            </div>
            <div class="code-name">.icon-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-cloud1"></span>
            <div class="name">
              云
            </div>
            <div class="code-name">.icon-cloud1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-correct"></span>
            <div class="name">
              对号-常规
            </div>
            <div class="code-name">.icon-correct
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-pdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.icon-pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-correct-bold"></span>
            <div class="name">
              对号-加粗
            </div>
            <div class="code-name">.icon-correct-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-order-close"></span>
            <div class="name">
              关单
            </div>
            <div class="code-name">.icon-order-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-publish"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-publish
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-email-failed"></span>
            <div class="name">
              邮件发送失败
            </div>
            <div class="code-name">.icon-email-failed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-home"></span>
            <div class="name">
              房子
            </div>
            <div class="code-name">.icon-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-sms-success"></span>
            <div class="name">
              短信发送成功
            </div>
            <div class="code-name">.icon-sms-success
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-magnifier"></span>
            <div class="name">
              放大镜
            </div>
            <div class="code-name">.icon-magnifier
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-email-success"></span>
            <div class="name">
              邮件发送成功
            </div>
            <div class="code-name">.icon-email-success
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-server"></span>
            <div class="name">
              服务器
            </div>
            <div class="code-name">.icon-server
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-sms-failed"></span>
            <div class="name">
              短信发送失败
            </div>
            <div class="code-name">.icon-sms-failed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-alarm"></span>
            <div class="name">
              告警
            </div>
            <div class="code-name">.icon-alarm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-protocol-add"></span>
            <div class="name">
              添加协议设置
            </div>
            <div class="code-name">.icon-protocol-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-tool"></span>
            <div class="name">
              工具
            </div>
            <div class="code-name">.icon-tool
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-asset-add"></span>
            <div class="name">
              添加资产账户
            </div>
            <div class="code-name">.icon-asset-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-shut-down"></span>
            <div class="name">
              关机
            </div>
            <div class="code-name">.icon-shut-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-protocol-audit"></span>
            <div class="name">
              协议稽查
            </div>
            <div class="code-name">.icon-protocol-audit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-merge"></span>
            <div class="name">
              合并
            </div>
            <div class="code-name">.icon-merge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-qq"></span>
            <div class="name">
              QQ
            </div>
            <div class="code-name">.icon-qq
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-institute"></span>
            <div class="name">
              机构关系
            </div>
            <div class="code-name">.icon-institute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-oper-auto-1"></span>
            <div class="name">
              自动化运维-1
            </div>
            <div class="code-name">.icon-oper-auto-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-staff"></span>
            <div class="name">
              机构人员
            </div>
            <div class="code-name">.icon-staff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-oper-auto"></span>
            <div class="name">
              自动化运维
            </div>
            <div class="code-name">.icon-oper-auto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-user"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-console"></span>
            <div class="name">
              脚本控制台
            </div>
            <div class="code-name">.icon-console
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-asset"></span>
            <div class="name">
              机构资产
            </div>
            <div class="code-name">.icon-asset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-sys-enhance"></span>
            <div class="name">
              系统加固
            </div>
            <div class="code-name">.icon-sys-enhance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-aid"></span>
            <div class="name">
              急救箱
            </div>
            <div class="code-name">.icon-aid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-snow"></span>
            <div class="name">
              雪花
            </div>
            <div class="code-name">.icon-snow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-deblock"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-deblock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-blob"></span>
            <div class="name">
              水滴
            </div>
            <div class="code-name">.icon-blob
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-lock"></span>
            <div class="name">
              死锁
            </div>
            <div class="code-name">.icon-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-bank-card"></span>
            <div class="name">
              银行卡
            </div>
            <div class="code-name">.icon-bank-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-ban"></span>
            <div class="name">
              禁用
            </div>
            <div class="code-name">.icon-ban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-layout-custom"></span>
            <div class="name">
              自定义布局
            </div>
            <div class="code-name">.icon-layout-custom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-serve"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-serve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-add-column"></span>
            <div class="name">
              添加栏目
            </div>
            <div class="code-name">.icon-add-column
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-lound-speaker"></span>
            <div class="name">
              喇叭
            </div>
            <div class="code-name">.icon-lound-speaker
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-out-column"></span>
            <div class="name">
              添加入列
            </div>
            <div class="code-name">.icon-out-column
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-link"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.icon-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon icon_acctc icon-in-column"></span>
            <div class="name">
              已在列
            </div>
            <div class="code-name">.icon-in-column
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="icon_acctc icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            icon_acctc" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-memory"></use>
                </svg>
                <div class="name">内存条</div>
                <div class="code-name">#icon-memory</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-deblock-2"></use>
                </svg>
                <div class="name">解锁-2</div>
                <div class="code-name">#icon-deblock-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-start"></use>
                </svg>
                <div class="name">启动</div>
                <div class="code-name">#icon-start</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set-configure"></use>
                </svg>
                <div class="name">设置为配置项</div>
                <div class="code-name">#icon-set-configure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-migrate"></use>
                </svg>
                <div class="name">迁移</div>
                <div class="code-name">#icon-migrate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-view-authority"></use>
                </svg>
                <div class="name">权限视图</div>
                <div class="code-name">#icon-view-authority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pencil"></use>
                </svg>
                <div class="name">铅笔</div>
                <div class="code-name">#icon-pencil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingpai"></use>
                </svg>
                <div class="name">令牌</div>
                <div class="code-name">#icon-lingpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cancel"></use>
                </svg>
                <div class="name">取消</div>
                <div class="code-name">#icon-cancel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duankailianjie"></use>
                </svg>
                <div class="name">断开链接</div>
                <div class="code-name">#icon-duankailianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-seal"></use>
                </svg>
                <div class="name">印章</div>
                <div class="code-name">#icon-seal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-top-bold"></use>
                </svg>
                <div class="name">上-加粗</div>
                <div class="code-name">#icon-top-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-backup-hm"></use>
                </svg>
                <div class="name">手动备份</div>
                <div class="code-name">#icon-backup-hm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bottom"></use>
                </svg>
                <div class="name">下-常规</div>
                <div class="code-name">#icon-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-psw-reset"></use>
                </svg>
                <div class="name">重置密码</div>
                <div class="code-name">#icon-psw-reset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-top"></use>
                </svg>
                <div class="name">上-常规</div>
                <div class="code-name">#icon-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-host"></use>
                </svg>
                <div class="name">主机</div>
                <div class="code-name">#icon-host</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-right"></use>
                </svg>
                <div class="name">右-常规</div>
                <div class="code-name">#icon-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-initiate-task"></use>
                </svg>
                <div class="name">发起任务</div>
                <div class="code-name">#icon-initiate-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-right-bold"></use>
                </svg>
                <div class="name">右-加粗</div>
                <div class="code-name">#icon-right-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-del-un-translate"></use>
                </svg>
                <div class="name">删除未翻译业务</div>
                <div class="code-name">#icon-del-un-translate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bottom-bold"></use>
                </svg>
                <div class="name">下-加粗</div>
                <div class="code-name">#icon-bottom-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-del-task"></use>
                </svg>
                <div class="name">删除业务</div>
                <div class="code-name">#icon-del-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-left"></use>
                </svg>
                <div class="name">左-常规</div>
                <div class="code-name">#icon-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-script-set"></use>
                </svg>
                <div class="name">脚本配置</div>
                <div class="code-name">#icon-script-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-left-bold"></use>
                </svg>
                <div class="name">左-加粗</div>
                <div class="code-name">#icon-left-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-script-language"></use>
                </svg>
                <div class="name">脚本语言</div>
                <div class="code-name">#icon-script-language</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upload-pic"></use>
                </svg>
                <div class="name">上传图片</div>
                <div class="code-name">#icon-upload-pic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-experiment"></use>
                </svg>
                <div class="name">实验</div>
                <div class="code-name">#icon-experiment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-community"></use>
                </svg>
                <div class="name">社区动态</div>
                <div class="code-name">#icon-community</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-subgroup"></use>
                </svg>
                <div class="name">分组</div>
                <div class="code-name">#icon-subgroup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clock"></use>
                </svg>
                <div class="name">时钟</div>
                <div class="code-name">#icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wind-speed"></use>
                </svg>
                <div class="name">风速</div>
                <div class="code-name">#icon-wind-speed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-authorise"></use>
                </svg>
                <div class="name">授权</div>
                <div class="code-name">#icon-authorise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wind-class"></use>
                </svg>
                <div class="name">风类</div>
                <div class="code-name">#icon-wind-class</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window"></use>
                </svg>
                <div class="name">视窗</div>
                <div class="code-name">#icon-window</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wind-speed-high"></use>
                </svg>
                <div class="name">风速-大</div>
                <div class="code-name">#icon-wind-speed-high</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-event"></use>
                </svg>
                <div class="name">事件统计</div>
                <div class="code-name">#icon-event</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wind-speed-low"></use>
                </svg>
                <div class="name">风速-小</div>
                <div class="code-name">#icon-wind-speed-low</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-data-base"></use>
                </svg>
                <div class="name">数据库</div>
                <div class="code-name">#icon-data-base</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanxiang"></use>
                </svg>
                <div class="name">选项</div>
                <div class="code-name">#icon-xuanxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-back-circle"></use>
                </svg>
                <div class="name">返回-圆</div>
                <div class="code-name">#icon-back-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxiang"></use>
                </svg>
                <div class="name">风向</div>
                <div class="code-name">#icon-fengxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh-circle"></use>
                </svg>
                <div class="name">刷新-圆</div>
                <div class="code-name">#icon-refresh-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongtiaofengsu"></use>
                </svg>
                <div class="name">空调风速</div>
                <div class="code-name">#icon-kongtiaofengsu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh-square"></use>
                </svg>
                <div class="name">刷新-方</div>
                <div class="code-name">#icon-refresh-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taiyang"></use>
                </svg>
                <div class="name">太阳</div>
                <div class="code-name">#icon-taiyang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-back-square"></use>
                </svg>
                <div class="name">返回-方</div>
                <div class="code-name">#icon-back-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhire"></use>
                </svg>
                <div class="name">制热</div>
                <div class="code-name">#icon-zhire</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attend"></use>
                </svg>
                <div class="name">添加关注</div>
                <div class="code-name">#icon-attend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidong"></use>
                </svg>
                <div class="name">自动</div>
                <div class="code-name">#icon-zidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attended"></use>
                </svg>
                <div class="name">已关注</div>
                <div class="code-name">#icon-attended</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuye"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#icon-zhuye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-picture"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-picture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingyin"></use>
                </svg>
                <div class="name">静音</div>
                <div class="code-name">#icon-jingyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-network"></use>
                </svg>
                <div class="name">网络</div>
                <div class="code-name">#icon-network</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaojingyin"></use>
                </svg>
                <div class="name">取消静音</div>
                <div class="code-name">#icon-quxiaojingyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-mine"></use>
                </svg>
                <div class="name">我的工单</div>
                <div class="code-name">#icon-order-mine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofangzanting"></use>
                </svg>
                <div class="name">播放暂停</div>
                <div class="code-name">#icon-bofangzanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-info"></use>
                </svg>
                <div class="name">可读信息</div>
                <div class="code-name">#icon-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiumian"></use>
                </svg>
                <div class="name">休眠</div>
                <div class="code-name">#icon-xiumian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-info-read"></use>
                </svg>
                <div class="name">已读信息</div>
                <div class="code-name">#icon-info-read</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuaitui"></use>
                </svg>
                <div class="name">快退</div>
                <div class="code-name">#icon-kuaitui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pause"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-pause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuaijin"></use>
                </svg>
                <div class="name">快进</div>
                <div class="code-name">#icon-kuaijin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-message"></use>
                </svg>
                <div class="name">信息</div>
                <div class="code-name">#icon-message</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tingzhi-shixin"></use>
                </svg>
                <div class="name">停止-实心</div>
                <div class="code-name">#icon-tingzhi-shixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-middleware"></use>
                </svg>
                <div class="name">中间件1</div>
                <div class="code-name">#icon-middleware</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendu"></use>
                </svg>
                <div class="name">温度</div>
                <div class="code-name">#icon-wendu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-finish"></use>
                </svg>
                <div class="name">正确</div>
                <div class="code-name">#icon-finish</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui-"></use>
                </svg>
                <div class="name">返回-2</div>
                <div class="code-name">#icon-fanhui-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi"></use>
                </svg>
                <div class="name">数字</div>
                <div class="code-name">#icon-shuzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-midware"></use>
                </svg>
                <div class="name">中间件</div>
                <div class="code-name">#icon-midware</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yaotou"></use>
                </svg>
                <div class="name">摇头</div>
                <div class="code-name">#icon-yaotou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-histogram"></use>
                </svg>
                <div class="name">柱状图</div>
                <div class="code-name">#icon-histogram</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieneng"></use>
                </svg>
                <div class="name">节能</div>
                <div class="code-name">#icon-jieneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-panel"></use>
                </svg>
                <div class="name">仪表盘</div>
                <div class="code-name">#icon-panel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanjingzaosheng"></use>
                </svg>
                <div class="name">环境噪声</div>
                <div class="code-name">#icon-huanjingzaosheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unknow"></use>
                </svg>
                <div class="name">未知</div>
                <div class="code-name">#icon-unknow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiya"></use>
                </svg>
                <div class="name">气压</div>
                <div class="code-name">#icon-qiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-net-device"></use>
                </svg>
                <div class="name">网络设备</div>
                <div class="code-name">#icon-net-device</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-san"></use>
                </svg>
                <div class="name">伞</div>
                <div class="code-name">#icon-san</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-compass"></use>
                </svg>
                <div class="name">指南针</div>
                <div class="code-name">#icon-compass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PM"></use>
                </svg>
                <div class="name">PM2.5</div>
                <div class="code-name">#icon-PM</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud"></use>
                </svg>
                <div class="name">云上传</div>
                <div class="code-name">#icon-cloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiwei"></use>
                </svg>
                <div class="name">异味</div>
                <div class="code-name">#icon-yiwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiayiqu"></use>
                </svg>
                <div class="name">下一曲</div>
                <div class="code-name">#icon-xiayiqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-app"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#icon-app</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyiqu"></use>
                </svg>
                <div class="name">上一曲</div>
                <div class="code-name">#icon-shangyiqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file"></use>
                </svg>
                <div class="name">文本</div>
                <div class="code-name">#icon-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengda"></use>
                </svg>
                <div class="name">声大</div>
                <div class="code-name">#icon-shengda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-email"></use>
                </svg>
                <div class="name">邮件</div>
                <div class="code-name">#icon-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengjingyin"></use>
                </svg>
                <div class="name">声静音</div>
                <div class="code-name">#icon-shengjingyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hardware"></use>
                </svg>
                <div class="name">硬件服务器</div>
                <div class="code-name">#icon-hardware</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengxiao"></use>
                </svg>
                <div class="name">声小</div>
                <div class="code-name">#icon-shengxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-screen"></use>
                </svg>
                <div class="name">显示器</div>
                <div class="code-name">#icon-screen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaoshunxu"></use>
                </svg>
                <div class="name">列表顺序</div>
                <div class="code-name">#icon-liebiaoshunxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star-full"></use>
                </svg>
                <div class="name">星星-实</div>
                <div class="code-name">#icon-star-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suiji"></use>
                </svg>
                <div class="name">随机</div>
                <div class="code-name">#icon-suiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star-empty"></use>
                </svg>
                <div class="name">星星-空</div>
                <div class="code-name">#icon-star-empty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danquxunhuan"></use>
                </svg>
                <div class="name">单曲循环</div>
                <div class="code-name">#icon-danquxunhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set-place"></use>
                </svg>
                <div class="name">设置菜单栏占位</div>
                <div class="code-name">#icon-set-place</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaoxunhuan"></use>
                </svg>
                <div class="name">列表循环</div>
                <div class="code-name">#icon-liebiaoxunhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#icon-bofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account-audit"></use>
                </svg>
                <div class="name">账号稽核</div>
                <div class="code-name">#icon-account-audit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengsu"></use>
                </svg>
                <div class="name">风速1</div>
                <div class="code-name">#icon-fengsu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-account"></use>
                </svg>
                <div class="name">账号管理</div>
                <div class="code-name">#icon-config-account</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengsu1"></use>
                </svg>
                <div class="name">风速3</div>
                <div class="code-name">#icon-fengsu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#icon-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengsu2"></use>
                </svg>
                <div class="name">风速2</div>
                <div class="code-name">#icon-fengsu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-knowledge-base"></use>
                </svg>
                <div class="name">知识库</div>
                <div class="code-name">#icon-knowledge-base</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-30"></use>
                </svg>
                <div class="name">风向-30</div>
                <div class="code-name">#icon-angle-30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wechat"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-wechat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-60"></use>
                </svg>
                <div class="name">风向-60</div>
                <div class="code-name">#icon-angle-60</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-update"></use>
                </svg>
                <div class="name">升级</div>
                <div class="code-name">#icon-update</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-90"></use>
                </svg>
                <div class="name">风向-90</div>
                <div class="code-name">#icon-angle-90</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-self-test"></use>
                </svg>
                <div class="name">一键自检</div>
                <div class="code-name">#icon-self-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-120"></use>
                </svg>
                <div class="name">风向-120</div>
                <div class="code-name">#icon-angle-120</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-backup"></use>
                </svg>
                <div class="name">备份</div>
                <div class="code-name">#icon-backup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-my-home"></use>
                </svg>
                <div class="name">家</div>
                <div class="code-name">#icon-my-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bulletin"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icon-bulletin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-primary"></use>
                </svg>
                <div class="name">主用户</div>
                <div class="code-name">#icon-user-primary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-union"></use>
                </svg>
                <div class="name">会同</div>
                <div class="code-name">#icon-union</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-sec"></use>
                </svg>
                <div class="name">副用户</div>
                <div class="code-name">#icon-user-sec</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-protocol"></use>
                </svg>
                <div class="name">协议</div>
                <div class="code-name">#icon-protocol</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pronunciatio"></use>
                </svg>
                <div class="name">语音</div>
                <div class="code-name">#icon-pronunciatio</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-funnel"></use>
                </svg>
                <div class="name">漏斗</div>
                <div class="code-name">#icon-funnel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-air-movement"></use>
                </svg>
                <div class="name">摇头&暖风</div>
                <div class="code-name">#icon-air-movement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reduce"></use>
                </svg>
                <div class="name">缩小</div>
                <div class="code-name">#icon-reduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-in-out"></use>
                </svg>
                <div class="name">进仓&出仓</div>
                <div class="code-name">#icon-in-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enlarge"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-enlarge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-denglengshi"></use>
                </svg>
                <div class="name">灯&冷&湿</div>
                <div class="code-name">#icon-denglengshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sponsor"></use>
                </svg>
                <div class="name">发起人</div>
                <div class="code-name">#icon-sponsor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-password-sec"></use>
                </svg>
                <div class="name">二级密码</div>
                <div class="code-name">#icon-password-sec</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stop"></use>
                </svg>
                <div class="name">停止</div>
                <div class="code-name">#icon-stop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-scan-address"></use>
                </svg>
                <div class="name">扫描地址数</div>
                <div class="code-name">#icon-scan-address</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-snmp-response"></use>
                </svg>
                <div class="name">SNMP响应</div>
                <div class="code-name">#icon-snmp-response</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-line"></use>
                </svg>
                <div class="name">链路</div>
                <div class="code-name">#icon-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-log-center"></use>
                </svg>
                <div class="name">nav-日志中心</div>
                <div class="code-name">#icon-nav-log-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-process-center"></use>
                </svg>
                <div class="name">nav-流程中心</div>
                <div class="code-name">#icon-nav-process-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-account-manage"></use>
                </svg>
                <div class="name">nav-账号管理</div>
                <div class="code-name">#icon-nav-account-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-oper-center"></use>
                </svg>
                <div class="name">nav-运维中心</div>
                <div class="code-name">#icon-nav-oper-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-event-center"></use>
                </svg>
                <div class="name">nav-事件中心</div>
                <div class="code-name">#icon-nav-event-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-system-set"></use>
                </svg>
                <div class="name">nav-系统设置</div>
                <div class="code-name">#icon-nav-system-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-asset-monitor"></use>
                </svg>
                <div class="name">nav-资产监控</div>
                <div class="code-name">#icon-nav-asset-monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-asset-manage"></use>
                </svg>
                <div class="name">nav-资产管理</div>
                <div class="code-name">#icon-nav-asset-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-self-service"></use>
                </svg>
                <div class="name">nav-自助服务</div>
                <div class="code-name">#icon-nav-self-service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus"></use>
                </svg>
                <div class="name">减号-常规</div>
                <div class="code-name">#icon-minus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus-bold"></use>
                </svg>
                <div class="name">减号-加粗</div>
                <div class="code-name">#icon-minus-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus-bold"></use>
                </svg>
                <div class="name">加号-加粗</div>
                <div class="code-name">#icon-plus-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus"></use>
                </svg>
                <div class="name">加号-常规</div>
                <div class="code-name">#icon-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-frequency"></use>
                </svg>
                <div class="name">监控频率</div>
                <div class="code-name">#icon-frequency</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-organ"></use>
                </svg>
                <div class="name">组织机构</div>
                <div class="code-name">#icon-organ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account-asset"></use>
                </svg>
                <div class="name">资产账号改密</div>
                <div class="code-name">#icon-account-asset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-manage-author"></use>
                </svg>
                <div class="name">系统权限管理</div>
                <div class="code-name">#icon-manage-author</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-safe"></use>
                </svg>
                <div class="name">安全配置</div>
                <div class="code-name">#icon-config-safe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account-isolate"></use>
                </svg>
                <div class="name">孤立账号</div>
                <div class="code-name">#icon-account-isolate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-position"></use>
                </svg>
                <div class="name">位置管理</div>
                <div class="code-name">#icon-position</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aim"></use>
                </svg>
                <div class="name">目标端</div>
                <div class="code-name">#icon-aim</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-source"></use>
                </svg>
                <div class="name">源端</div>
                <div class="code-name">#icon-source</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-audit"></use>
                </svg>
                <div class="name">审计配置</div>
                <div class="code-name">#icon-config-audit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-asset-expired"></use>
                </svg>
                <div class="name">资产过期</div>
                <div class="code-name">#icon-asset-expired</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-asset-change"></use>
                </svg>
                <div class="name">机构资产变化状态</div>
                <div class="code-name">#icon-asset-change</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-roadblock"></use>
                </svg>
                <div class="name">路障</div>
                <div class="code-name">#icon-roadblock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tag2"></use>
                </svg>
                <div class="name">关注标签2</div>
                <div class="code-name">#icon-tag2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-inspection"></use>
                </svg>
                <div class="name">业务服务巡检</div>
                <div class="code-name">#icon-inspection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-trophy"></use>
                </svg>
                <div class="name">奖杯</div>
                <div class="code-name">#icon-trophy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-briefcase"></use>
                </svg>
                <div class="name">公文包</div>
                <div class="code-name">#icon-briefcase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mib"></use>
                </svg>
                <div class="name">MIB工具</div>
                <div class="code-name">#icon-mib</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cabinet"></use>
                </svg>
                <div class="name">机柜管理</div>
                <div class="code-name">#icon-cabinet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-ip"></use>
                </svg>
                <div class="name">IP管理</div>
                <div class="code-name">#icon-config-ip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-week"></use>
                </svg>
                <div class="name">本周</div>
                <div class="code-name">#icon-week</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-month"></use>
                </svg>
                <div class="name">本月</div>
                <div class="code-name">#icon-month</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-day"></use>
                </svg>
                <div class="name">当天</div>
                <div class="code-name">#icon-day</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set-alarm"></use>
                </svg>
                <div class="name">告警方式配置</div>
                <div class="code-name">#icon-set-alarm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-add"></use>
                </svg>
                <div class="name">批量添加</div>
                <div class="code-name">#icon-batch-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-reduce"></use>
                </svg>
                <div class="name">批量减少</div>
                <div class="code-name">#icon-batch-reduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-del"></use>
                </svg>
                <div class="name">批量删除</div>
                <div class="code-name">#icon-batch-del</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-import"></use>
                </svg>
                <div class="name">批量导入</div>
                <div class="code-name">#icon-batch-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-export"></use>
                </svg>
                <div class="name">批量导出</div>
                <div class="code-name">#icon-batch-export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-flag"></use>
                </svg>
                <div class="name">旗子</div>
                <div class="code-name">#icon-flag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-oper-apply"></use>
                </svg>
                <div class="name">运维申请</div>
                <div class="code-name">#icon-oper-apply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-business-server"></use>
                </svg>
                <div class="name">业务服务</div>
                <div class="code-name">#icon-business-server</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-oper-equip"></use>
                </svg>
                <div class="name">运维设备</div>
                <div class="code-name">#icon-oper-equip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-log"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#icon-log</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-download"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-execution"></use>
                </svg>
                <div class="name">批量执行</div>
                <div class="code-name">#icon-batch-execution</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-assist"></use>
                </svg>
                <div class="name">邀请协助</div>
                <div class="code-name">#icon-assist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-announce"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icon-announce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-special-oper"></use>
                </svg>
                <div class="name">特殊运维</div>
                <div class="code-name">#icon-special-oper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-system-statu"></use>
                </svg>
                <div class="name">系统状况</div>
                <div class="code-name">#icon-system-statu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-early-warn"></use>
                </svg>
                <div class="name">预警</div>
                <div class="code-name">#icon-early-warn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delegate"></use>
                </svg>
                <div class="name">委派</div>
                <div class="code-name">#icon-delegate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-receive"></use>
                </svg>
                <div class="name">领取</div>
                <div class="code-name">#icon-receive</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-track"></use>
                </svg>
                <div class="name">待追踪工单</div>
                <div class="code-name">#icon-order-track</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-query-knowledge"></use>
                </svg>
                <div class="name">查询知识库</div>
                <div class="code-name">#icon-query-knowledge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set-process"></use>
                </svg>
                <div class="name">流程设置</div>
                <div class="code-name">#icon-set-process</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-manage-process"></use>
                </svg>
                <div class="name">流程管理</div>
                <div class="code-name">#icon-manage-process</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-add"></use>
                </svg>
                <div class="name">创建工单</div>
                <div class="code-name">#icon-order-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-pending"></use>
                </svg>
                <div class="name">待处理工单</div>
                <div class="code-name">#icon-order-pending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-rule"></use>
                </svg>
                <div class="name">规则配置</div>
                <div class="code-name">#icon-config-rule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-command"></use>
                </svg>
                <div class="name">命令集管理</div>
                <div class="code-name">#icon-config-command</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-official-edition"></use>
                </svg>
                <div class="name">正式版</div>
                <div class="code-name">#icon-official-edition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-linux"></use>
                </svg>
                <div class="name">linux</div>
                <div class="code-name">#icon-linux</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mac"></use>
                </svg>
                <div class="name">mac</div>
                <div class="code-name">#icon-mac</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-windows"></use>
                </svg>
                <div class="name">windows</div>
                <div class="code-name">#icon-windows</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link-equip"></use>
                </svg>
                <div class="name">关联设备</div>
                <div class="code-name">#icon-link-equip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-activation"></use>
                </svg>
                <div class="name">激活</div>
                <div class="code-name">#icon-activation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-link-audit"></use>
                </svg>
                <div class="name">关联审计配置</div>
                <div class="code-name">#icon-config-link-audit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-after-change-psw"></use>
                </svg>
                <div class="name">改密后</div>
                <div class="code-name">#icon-after-change-psw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-before-change-psw"></use>
                </svg>
                <div class="name">改密前</div>
                <div class="code-name">#icon-before-change-psw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-port"></use>
                </svg>
                <div class="name">端口</div>
                <div class="code-name">#icon-port</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-association"></use>
                </svg>
                <div class="name">关联</div>
                <div class="code-name">#icon-association</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-inquire"></use>
                </svg>
                <div class="name">筛选查询</div>
                <div class="code-name">#icon-inquire</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-list"></use>
                </svg>
                <div class="name">列表模式</div>
                <div class="code-name">#icon-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-engine-room"></use>
                </svg>
                <div class="name">机房</div>
                <div class="code-name">#icon-engine-room</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-oper"></use>
                </svg>
                <div class="name">批量运维</div>
                <div class="code-name">#icon-batch-oper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-straight"></use>
                </svg>
                <div class="name">直线</div>
                <div class="code-name">#icon-straight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-entity"></use>
                </svg>
                <div class="name">实体关系</div>
                <div class="code-name">#icon-entity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-orthogonal"></use>
                </svg>
                <div class="name">正交</div>
                <div class="code-name">#icon-orthogonal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-curve"></use>
                </svg>
                <div class="name">曲线</div>
                <div class="code-name">#icon-curve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-vertical"></use>
                </svg>
                <div class="name">垂直居中</div>
                <div class="code-name">#icon-align-vertical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-bottom"></use>
                </svg>
                <div class="name">底对齐</div>
                <div class="code-name">#icon-align-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-level"></use>
                </svg>
                <div class="name">水平居中</div>
                <div class="code-name">#icon-align-level</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-top"></use>
                </svg>
                <div class="name">顶对齐</div>
                <div class="code-name">#icon-align-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-right"></use>
                </svg>
                <div class="name">右对齐</div>
                <div class="code-name">#icon-align-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-left"></use>
                </svg>
                <div class="name">左对齐</div>
                <div class="code-name">#icon-align-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout"></use>
                </svg>
                <div class="name">布局</div>
                <div class="code-name">#icon-layout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-full-screen"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-full-screen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cancel-full-screen"></use>
                </svg>
                <div class="name">取消全屏</div>
                <div class="code-name">#icon-cancel-full-screen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-capture-screen"></use>
                </svg>
                <div class="name">抓屏</div>
                <div class="code-name">#icon-capture-screen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-click"></use>
                </svg>
                <div class="name">点击</div>
                <div class="code-name">#icon-click</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-business-translate"></use>
                </svg>
                <div class="name">业务翻译</div>
                <div class="code-name">#icon-business-translate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-vcr"></use>
                </svg>
                <div class="name">摄像机</div>
                <div class="code-name">#icon-vcr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera"></use>
                </svg>
                <div class="name">相机</div>
                <div class="code-name">#icon-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-timer"></use>
                </svg>
                <div class="name">定时器</div>
                <div class="code-name">#icon-timer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-set-oper"></use>
                </svg>
                <div class="name">nav-运维设置</div>
                <div class="code-name">#icon-nav-set-oper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rocket"></use>
                </svg>
                <div class="name">火箭</div>
                <div class="code-name">#icon-rocket</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-battery"></use>
                </svg>
                <div class="name">电池</div>
                <div class="code-name">#icon-battery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-business-monitor"></use>
                </svg>
                <div class="name">业务监控</div>
                <div class="code-name">#icon-business-monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-left"></use>
                </svg>
                <div class="name">左double-常规</div>
                <div class="code-name">#icon-double-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-right"></use>
                </svg>
                <div class="name">右double-常规</div>
                <div class="code-name">#icon-double-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-most-bottom"></use>
                </svg>
                <div class="name">最下-常规</div>
                <div class="code-name">#icon-most-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-most-left"></use>
                </svg>
                <div class="name">最左-常规</div>
                <div class="code-name">#icon-most-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-most-top"></use>
                </svg>
                <div class="name">最上-常规</div>
                <div class="code-name">#icon-most-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-most-right"></use>
                </svg>
                <div class="name">最右-常规</div>
                <div class="code-name">#icon-most-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-bottom"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#icon-arrow-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-top"></use>
                </svg>
                <div class="name">上箭头</div>
                <div class="code-name">#icon-arrow-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-left"></use>
                </svg>
                <div class="name">左箭头</div>
                <div class="code-name">#icon-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-resource"></use>
                </svg>
                <div class="name">资源</div>
                <div class="code-name">#icon-resource</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ruler"></use>
                </svg>
                <div class="name">尺子</div>
                <div class="code-name">#icon-ruler</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-info-query"></use>
                </svg>
                <div class="name">信息查询</div>
                <div class="code-name">#icon-info-query</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-last-time"></use>
                </svg>
                <div class="name">上次时间</div>
                <div class="code-name">#icon-last-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-signal"></use>
                </svg>
                <div class="name">信号</div>
                <div class="code-name">#icon-signal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-no-signal"></use>
                </svg>
                <div class="name">无信号</div>
                <div class="code-name">#icon-no-signal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-bottom"></use>
                </svg>
                <div class="name">右下箭头</div>
                <div class="code-name">#icon-arrow-right-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-top"></use>
                </svg>
                <div class="name">右上箭头</div>
                <div class="code-name">#icon-arrow-right-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-left-bottom"></use>
                </svg>
                <div class="name">左下箭头</div>
                <div class="code-name">#icon-arrow-left-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-left-top"></use>
                </svg>
                <div class="name">左上箭头</div>
                <div class="code-name">#icon-arrow-left-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reboot"></use>
                </svg>
                <div class="name">重启</div>
                <div class="code-name">#icon-reboot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-assist-cancel"></use>
                </svg>
                <div class="name">取消邀请</div>
                <div class="code-name">#icon-assist-cancel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-carry-out"></use>
                </svg>
                <div class="name">执行</div>
                <div class="code-name">#icon-carry-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-retreat"></use>
                </svg>
                <div class="name">倒退</div>
                <div class="code-name">#icon-retreat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopping-cart"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icon-shopping-cart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clean-up"></use>
                </svg>
                <div class="name">清理</div>
                <div class="code-name">#icon-clean-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-u-disk"></use>
                </svg>
                <div class="name">U盘</div>
                <div class="code-name">#icon-u-disk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-medal"></use>
                </svg>
                <div class="name">勋章</div>
                <div class="code-name">#icon-medal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-money"></use>
                </svg>
                <div class="name">资金</div>
                <div class="code-name">#icon-money</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fire"></use>
                </svg>
                <div class="name">火</div>
                <div class="code-name">#icon-fire</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cd"></use>
                </svg>
                <div class="name">CD</div>
                <div class="code-name">#icon-cd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-blackboard"></use>
                </svg>
                <div class="name">黑板</div>
                <div class="code-name">#icon-blackboard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-scissors"></use>
                </svg>
                <div class="name">剪刀</div>
                <div class="code-name">#icon-scissors</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minimum"></use>
                </svg>
                <div class="name">最小化</div>
                <div class="code-name">#icon-minimum</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pin"></use>
                </svg>
                <div class="name">图钉</div>
                <div class="code-name">#icon-pin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-maximize"></use>
                </svg>
                <div class="name">最大化</div>
                <div class="code-name">#icon-maximize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-monitor"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#icon-monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laptop"></use>
                </svg>
                <div class="name">笔记本电脑</div>
                <div class="code-name">#icon-laptop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-box-select"></use>
                </svg>
                <div class="name">框选</div>
                <div class="code-name">#icon-box-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-help"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-help</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-printer"></use>
                </svg>
                <div class="name">打印机</div>
                <div class="code-name">#icon-printer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-excel"></use>
                </svg>
                <div class="name">Excel</div>
                <div class="code-name">#icon-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mouse"></use>
                </svg>
                <div class="name">鼠标</div>
                <div class="code-name">#icon-mouse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cpu"></use>
                </svg>
                <div class="name">CPU</div>
                <div class="code-name">#icon-cpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lightning"></use>
                </svg>
                <div class="name">闪电</div>
                <div class="code-name">#icon-lightning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alter"></use>
                </svg>
                <div class="name">变更</div>
                <div class="code-name">#icon-alter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quit-s"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-quit-s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-oper-center-t"></use>
                </svg>
                <div class="name">nav-运维中心-2</div>
                <div class="code-name">#icon-nav-oper-center-t</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tag"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-tag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attended-full"></use>
                </svg>
                <div class="name">已关注-实</div>
                <div class="code-name">#icon-attended-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pie-chart"></use>
                </svg>
                <div class="name">饼图</div>
                <div class="code-name">#icon-pie-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-change-psw"></use>
                </svg>
                <div class="name">改密</div>
                <div class="code-name">#icon-change-psw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-strategy"></use>
                </svg>
                <div class="name">策略</div>
                <div class="code-name">#icon-strategy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-downtime"></use>
                </svg>
                <div class="name">宕机</div>
                <div class="code-name">#icon-downtime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-policy"></use>
                </svg>
                <div class="name">策略2</div>
                <div class="code-name">#icon-policy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-not-pass"></use>
                </svg>
                <div class="name">凭证检测不通过</div>
                <div class="code-name">#icon-not-pass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-error"></use>
                </svg>
                <div class="name">差号-常规</div>
                <div class="code-name">#icon-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close-eye"></use>
                </svg>
                <div class="name">闭眼</div>
                <div class="code-name">#icon-close-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-error-bold"></use>
                </svg>
                <div class="name">差号-加粗</div>
                <div class="code-name">#icon-error-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-open-eye"></use>
                </svg>
                <div class="name">睁眼</div>
                <div class="code-name">#icon-open-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-send"></use>
                </svg>
                <div class="name">抄送</div>
                <div class="code-name">#icon-send</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-scan"></use>
                </svg>
                <div class="name">扫描</div>
                <div class="code-name">#icon-scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bug"></use>
                </svg>
                <div class="name">错误</div>
                <div class="code-name">#icon-bug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qr-code"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-qr-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-disk"></use>
                </svg>
                <div class="name">磁盘存储</div>
                <div class="code-name">#icon-disk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account-only"></use>
                </svg>
                <div class="name">孤立账号-2</div>
                <div class="code-name">#icon-account-only</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-like"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-underway"></use>
                </svg>
                <div class="name">进行时钟</div>
                <div class="code-name">#icon-underway</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tv"></use>
                </svg>
                <div class="name">电视机</div>
                <div class="code-name">#icon-tv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-prompt-info"></use>
                </svg>
                <div class="name">提示信息</div>
                <div class="code-name">#icon-prompt-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-response"></use>
                </svg>
                <div class="name">待响应工单</div>
                <div class="code-name">#icon-order-response</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort"></use>
                </svg>
                <div class="name">整理</div>
                <div class="code-name">#icon-sort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#icon-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-down"></use>
                </svg>
                <div class="name">云下载</div>
                <div class="code-name">#icon-cloud-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-approve"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#icon-approve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paper-clip"></use>
                </svg>
                <div class="name">曲别针</div>
                <div class="code-name">#icon-paper-clip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dialog"></use>
                </svg>
                <div class="name">对话</div>
                <div class="code-name">#icon-dialog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-word"></use>
                </svg>
                <div class="name">Word</div>
                <div class="code-name">#icon-word</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangding"></use>
                </svg>
                <div class="name">绑定</div>
                <div class="code-name">#icon-bangding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-export"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bind-remove"></use>
                </svg>
                <div class="name">取消绑定</div>
                <div class="code-name">#icon-bind-remove</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order"></use>
                </svg>
                <div class="name">工单</div>
                <div class="code-name">#icon-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud1"></use>
                </svg>
                <div class="name">云</div>
                <div class="code-name">#icon-cloud1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-correct"></use>
                </svg>
                <div class="name">对号-常规</div>
                <div class="code-name">#icon-correct</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#icon-pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-correct-bold"></use>
                </svg>
                <div class="name">对号-加粗</div>
                <div class="code-name">#icon-correct-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-close"></use>
                </svg>
                <div class="name">关单</div>
                <div class="code-name">#icon-order-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-publish"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-publish</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-email-failed"></use>
                </svg>
                <div class="name">邮件发送失败</div>
                <div class="code-name">#icon-email-failed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home"></use>
                </svg>
                <div class="name">房子</div>
                <div class="code-name">#icon-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sms-success"></use>
                </svg>
                <div class="name">短信发送成功</div>
                <div class="code-name">#icon-sms-success</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-magnifier"></use>
                </svg>
                <div class="name">放大镜</div>
                <div class="code-name">#icon-magnifier</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-email-success"></use>
                </svg>
                <div class="name">邮件发送成功</div>
                <div class="code-name">#icon-email-success</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-server"></use>
                </svg>
                <div class="name">服务器</div>
                <div class="code-name">#icon-server</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sms-failed"></use>
                </svg>
                <div class="name">短信发送失败</div>
                <div class="code-name">#icon-sms-failed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alarm"></use>
                </svg>
                <div class="name">告警</div>
                <div class="code-name">#icon-alarm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-protocol-add"></use>
                </svg>
                <div class="name">添加协议设置</div>
                <div class="code-name">#icon-protocol-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tool"></use>
                </svg>
                <div class="name">工具</div>
                <div class="code-name">#icon-tool</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-asset-add"></use>
                </svg>
                <div class="name">添加资产账户</div>
                <div class="code-name">#icon-asset-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shut-down"></use>
                </svg>
                <div class="name">关机</div>
                <div class="code-name">#icon-shut-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-protocol-audit"></use>
                </svg>
                <div class="name">协议稽查</div>
                <div class="code-name">#icon-protocol-audit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-merge"></use>
                </svg>
                <div class="name">合并</div>
                <div class="code-name">#icon-merge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qq"></use>
                </svg>
                <div class="name">QQ</div>
                <div class="code-name">#icon-qq</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-institute"></use>
                </svg>
                <div class="name">机构关系</div>
                <div class="code-name">#icon-institute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-oper-auto-1"></use>
                </svg>
                <div class="name">自动化运维-1</div>
                <div class="code-name">#icon-oper-auto-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-staff"></use>
                </svg>
                <div class="name">机构人员</div>
                <div class="code-name">#icon-staff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-oper-auto"></use>
                </svg>
                <div class="name">自动化运维</div>
                <div class="code-name">#icon-oper-auto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-console"></use>
                </svg>
                <div class="name">脚本控制台</div>
                <div class="code-name">#icon-console</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-asset"></use>
                </svg>
                <div class="name">机构资产</div>
                <div class="code-name">#icon-asset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sys-enhance"></use>
                </svg>
                <div class="name">系统加固</div>
                <div class="code-name">#icon-sys-enhance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aid"></use>
                </svg>
                <div class="name">急救箱</div>
                <div class="code-name">#icon-aid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-snow"></use>
                </svg>
                <div class="name">雪花</div>
                <div class="code-name">#icon-snow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-deblock"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-deblock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-blob"></use>
                </svg>
                <div class="name">水滴</div>
                <div class="code-name">#icon-blob</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock"></use>
                </svg>
                <div class="name">死锁</div>
                <div class="code-name">#icon-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bank-card"></use>
                </svg>
                <div class="name">银行卡</div>
                <div class="code-name">#icon-bank-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ban"></use>
                </svg>
                <div class="name">禁用</div>
                <div class="code-name">#icon-ban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-custom"></use>
                </svg>
                <div class="name">自定义布局</div>
                <div class="code-name">#icon-layout-custom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-serve"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-serve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add-column"></use>
                </svg>
                <div class="name">添加栏目</div>
                <div class="code-name">#icon-add-column</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lound-speaker"></use>
                </svg>
                <div class="name">喇叭</div>
                <div class="code-name">#icon-lound-speaker</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-out-column"></use>
                </svg>
                <div class="name">添加入列</div>
                <div class="code-name">#icon-out-column</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#icon-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-in-column"></use>
                </svg>
                <div class="name">已在列</div>
                <div class="code-name">#icon-in-column</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
